<div class="container-fluid">
  <div class="row" style="height: 700px;background-color: #0ca3db;min-width: 1400px">
    <div class="row" style="height: 30%"></div>
    <div class="row">
      <div class="col-sm-2 col-xs-2"></div>
      <div class="col-sm-4 col-xs-4">
        <img src="images/login/logo-bg.png">
      </div>
      <div class="col-sm-1 col-md-1"></div>
      <div class="col-sm-3 col-xs-3">
        <div class="thumbnail" style="background-color: #f6f6ff;">
          <div class="caption">
            <form (ngSubmit)="retrievePassword()" #retrievePasswordForm="ngForm">
              <h3 style="padding: 30px">用户修改密码</h3>
              <div class="input-group input-group-lg" style="margin-bottom: 25px">
                <span class="input-group-addon"><i class="fa fa-user-circle-o fa-lg" aria-hidden="true"></i></span>
                <input  [(ngModel)]="password" type="password" name="password" class="form-control" placeholder="密码"  id="password" required>
              </div>
              <div class="input-group input-group-lg" style="margin-bottom: 25px">
                <span class="input-group-addon"><i class="fa fa-user-circle-o fa-lg" aria-hidden="true"></i></span>
                <input  [(ngModel)]="repassword" type="password" name="repassword" class="form-control" placeholder="重复密码"  id="repassword" required>
              </div>
              <button type="submit" class="btn btn-danger" role="button" style="width: 100%" [disabled]="!retrievePasswordForm.form.valid">修改密码</button>
            </form>
          </div>
        </div>
      </div>
      <div class="col-sm-2 col-md-2"></div>
    </div>
  </div>
</div>


